<template>
	<view class="orderGoods">
		<image :src="goods.goodsImgUrl" class="goodsImg"/>
		<view class="goodsInfo">
			<view class="goodsName">{{goods.goodsName}}</view>
			<view class="goodsTotalPrice">￥{{goods.totalPrice}}元</view>
			<view class="discountPrice">折扣：￥{{goods.discountPrice}}</view>
		</view>
		<view class="goodsNumber">×{{goods.goodsNumber}}</view>
	</view>
</template>

<script>
	export default {
		name:"OrderGoods",
		props:['goods'],
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped lang="scss">
	.orderGoods{
		margin-bottom: 3rpx;
		padding: 25rpx;
		background-color: white;
		display: flex;
		.goodsImg{
			height: 180rpx;
			width: 200rpx;
		}
	
		.goodsInfo{
			margin-left: 20rpx;
			width: 410rpx;
			
			.goodsName{
				font-size: 35rpx;
				margin: 10rpx 0;
			}
			
			.goodsTotalPrice{
				color: red;
				margin:20rpx 0;
			}
			
			.discountPrice{
				color: #999999;
				font-size: 35rpx;
			}
		}
		
		.goodsNumber{
			margin-top:70rpx;
			color: #999999;
		}
	}
</style>